<style type="text/css">
    .convention{
        border-bottom: 1px solid #cccccc;
        padding-bottom: .08rem;
    }
    .convention-list{
        margin-top: .2rem;
    }
    .convention-list li{
        float: left;
        width: 25%;
        height: 1.5rem;
    }
    .convention-list li span{
        width: 1rem;
        height:1rem;
        margin:0 .25rem ;
        padding: .1rem;
        line-height: .4rem;
        display: inline-block;
        text-align: center;
    }
    .convention-list li:first-of-type span{
        background: url("../../../images/img/canhuiguimo.png")no-repeat;
        background-size: 100% 100%;
    }
    .convention-list li:nth-of-type(2) span{
        background: url("../../../images/img/canhuishijian.png")no-repeat;
        background-size: 100% 100%;
    }
    .convention-list li:nth-of-type(3) span{
        background: url("../../../images/img/hangyezhuanjia.png")no-repeat;
        background-size: 100% 100%;
    }
    .convention-list li:last-of-type span{
        background: url("../../../images/img/shishizhuti.png")no-repeat;
        background-size: 100% 100%;
    }
    .convention-list li a{
        display: block;
        text-align: center;
    }
    .btn-footer{
        height: 1rem;
        width: 100%;
    }
    .btn-footer a{
        height: 1rem;
        line-height: 1rem;
        width: 50%;
        float: left;
        font-size: .32rem;
        text-align: center;
    }
    .btn-footer a:first-of-type{
        background-color: #FFFFFF;
    }
    .btn-footer a:last-of-type{
        background-color: #aa3333;
        color: #ffffff;
    }
</style>
<div class="event-detail">
    <div class="convention-info"></div>
    <div class="convention-list">
        <section class="event-section">
            <div class="evet-detail">
                <div class="detail-top convention">
                    <h3>大会亮点</h3>
                </div>
                <ul class="convention-list">
                    <li><span>1000<br/>人</span><a href="javascript:void(0)">参会规模</a></li>
                    <li><span>30<br/>天</span><a href="javascript:void(0)">参会时间</a></li>
                    <li><span>12<br/>人</span><a href="javascript:void(0)">行业专家</a></li>
                    <li><span>9<br/>个</span><a href="javascript:void(0)">时事主题</a></li>
                </ul>
            </div>
        </section>
        <div class="btn-footer">
            <a href="javascript:void (0)">收藏</a>
            <a href="javascript:void (0)">立即报名</a>
        </div>
    </div>

</div>
